<template>
	<div id="FruitVge">
		<div>
			<img src="../../assets/clothes/1.png">
			<p>
				白糖大码女装2021早春胖妹妹显瘦连衣裙遮肚减龄露肩裙子长袖新款
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/2.png">
			<p>
				一字肩轻婚纱2021新款气质主纱新娘夏季奢华遮粗手臂大拖尾公主风
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/3.png">
			<p>
				高端棉麻连衣裙女夏2021年新款小个子亚麻女装套装裙两件套裙子夏
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/4.png">
			<p>
				2021年夏季新款法式复古茶歇裙碎花仙女显瘦长裙气质高级感连衣裙
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/5.png">
			<p>
				碎花连衣裙夏天女2021年新款v领荷叶边气质女神范过膝雪纺裙子潮
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/6.png">
			<p>
				旗袍2021年新款女夏季素雅复古中国风花朵中长款年轻款改良连衣裙
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/7.png">
			<p>
				蚀骨旗袍年轻款优雅性感中国风时尚改良少女小香风连衣裙学生短款
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/8.png">
			<p>
				2019新式旗袍连衣裙子改良夏季新款复古中国风汉服年轻款雪纺少女
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/9.png">
			<p>
				星空晚礼服裙女气质短款小个子红色夏学生伴娘敬酒服演出合唱宴会
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/10.png">
			<p>
				领证白色晚礼服女夏季小个子宴会名媛气质洋装连衣裙法式平时可穿
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/11.png">
			<p>
				星空晚礼服女宴会合唱演出服长裙2021新款成人舞台独唱红色主持人
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/clothes/12.png">
			<p>
				夏季女2021新款女装时尚流行矮小个子条纹连衣裙女夏天收腰遮肚裙
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	
	#FruitVge>div {
		float: left;
		width: 200px;
		height: 270px;
		margin: 10px 10px 13px 12px;
		padding: 8px;
		border: 1px solid #919191;
		transition: all 0.5s;
	}
	
	#FruitVge>div:hover {
		border: 2px solid #ff0000;
		transform: translate(0, -10px);
	}
	
	#FruitVge>div>img {
		width: 180px;
		height: 165px;
	}
	
	#FruitVge>div>p {
		width: 180px;
		font-size: 15px;
		text-align: justify;
		/* text-indent: 2rem; */
	}
	
	#FruitVge>div>p:nth-of-type(1) {
		overflow: hidden;
		width: 180px;
		height: 60px;
		margin-top: 5px;
	}
	
	#FruitVge>div>p:nth-of-type(2) {
		position: absolute;
		margin-top: 2px;
		text-align: center;
	}
	.el-button:hover{
		color: #1cce66;
	}
</style>
